<template>
  <div class="item">
    <el-icon v-if="props.icon&&props.icon!=''&&props.icon!='#'">
      <component :is="props.icon"></component>
    </el-icon>
    <span v-if="props.title">{{ t(props.title) }}</span>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, defineEmits, onMounted, defineProps } from "vue";

import { useI18n } from "vue-i18n";
const { t } = useI18n();
const props = defineProps({
  icon: {
    type: String,
    default: "",
  },
  title: {
    type: String,
    default: "",
  },
});
</script>

<style scoped lang="scss">
.item {
  overflow: hidden;
}
</style>
